<template>
    <div v-bind:id="playerId">
<!--        <div  class="prism-player" id="J_prismPlayer"></div>-->
    </div>
</template>

<script>
    export default {
        name: 'player',
        props: {
            playerId: {
                default: 'player-div'
            },
        },
        data: function () {
            return {
                aliPlayer: {},
            }
        },
        methods: {

            /**
             * 暂停视频
             * */
            pause() {
                let _this = this;
                _this.aliPlayer.pause();
            },

            /**
             * 播放视频
             * @param url
             */
            play: function (url) {
                let _this = this;
                console.log("开始播放："+url);

                //如果已经存在播放器，就将它删除。
                if (_this.aliPlayer) {
                    _this.aliPlayer = null;
                    $("#J_prismPlayer").remove();
                }

                //在id="playerId"的div中追加一个播放器。
                $("#" + _this.playerId).append("<div  class=\"prism-player\" id=\"J_prismPlayer\"></div>");
                //播放器执行代码
                _this.aliPlayer = new Aliplayer({
                    id: 'J_prismPlayer',
                    width: '100%',
                    autoplay: false,
                    //支持播放地址播放,此播放优先级最高
                    source : url,




                    //播放方式二：点播用户推荐
                    // vid : '1e067a2831b641db90d570b6480fbc40',
                    // playauth : 'ddd',
                    // cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
                    // encryptType:1, //当播放私有加密流时需要设置。
                    //播放方式三：仅MPS用户使用
                    // vid : '1e067a2831b641db90d570b6480fbc40',
                    // accId: 'dd',
                    // accSecret: 'dd',
                    // stsToken: 'dd',
                    // domainRegion: 'dd',
                    // authInfo: 'dd',
                    //播放方式四：使用STS方式播放
                    // vid : '1e067a2831b641db90d570b6480fbc40',
                    // accessKeyId: 'dd',
                    // securityToken: 'dd',
                    // accessKeySecret: 'dd',
                    // region:'cn-shanghai',//eu-central-1,ap-southeast-1
                },function(player){
                    console.log('播放器创建好了。')
                });

            }
        },
    }
</script>